<template>
  <div id="app">
    <router-view/>
    <!-- <Dialog msg="我是文本">
      <p>我是文本</p>
    </Dialog>
    <Dialog msg="123">
      <ul>
        <li>1</li>
        <li>2</li>
      </ul>
    </Dialog> -->
    <!-- <MySlot/>

    <MySlot>
      <h1>
        我是标题
      </h1>
      <h2 slot="header">我是头部</h2>
      <h2 slot="footer">我是底部</h2>
    </MySlot> -->
  </div>
</template>

<script>
// // 1. 引入组件
// // 2. 注册组件
import Father from './components/Father'
import MySlot from './components/slot'
import Dialog from './components/slot/Dialog.vue'
export default {
  // 组件的标识
  name: 'App',
  components: {
    MySlot,
    Dialog
  }
}
</script>

<style>
* {
  margin: 0;
  padding: 0;
  list-style: none;
}

html, body, #app {
  height: 100%;
}
</style>
